<!DOCTYPE HTML>
<html>
<head>
    <title>Home</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content=""/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <!-- fonts -->
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900" rel="stylesheet">
    <!-- /fonts -->
    <!-- css files -->
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="css/viewbox.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="css/jQuery.lightninBox.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="css/service.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
    <!-- /css files -->
    <!-- js files -->
    <script src="js/modernizr.js"></script>
    <!-- /js files -->
</head>
<body>
<!-- navigation -->
<!--<nav class="navbar navbar-default navbar-fixed-top">-->
<!--    <div class="container">-->
<!--        <div class="navbar-header">-->
<!--            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"-->
<!--                    aria-expanded="false" aria-controls="navbar">-->
<!--                <span class="sr-only">Toggle navigation</span>-->
<!--                <span class="icon-bar"></span>-->
<!--                <span class="icon-bar"></span>-->
<!--                <span class="icon-bar"></span>-->
<!--            </button>-->
<!--        </div>-->
<!--        <div id="navbar" class="navbar-collapse collapse">-->
<!--            <ul class="nav navbar-nav cl-effect-5">-->
<!--                <li class="active"><a href="index.html" class="page-scroll"><span-->
<!--                        data-hover="孝义市忆青春文化传媒有限公司">孝义市忆青春文化传媒有限公司</span></a></li>-->
<!--            </ul>-->
<!--        </div>&lt;!&ndash;/.nav-collapse &ndash;&gt;-->
<!--    </div>-->
<!--</nav>-->
<!-- /navigation -->
<!-- banner section -->
<section class="banner-w3ls">
    <div class='header'>
        <div class="logo-agileits">
            <a class="logo-w3ls" href="index.html"><h1>孝义市忆青春文化传媒有限公司</h1></a>
        </div>
    </div>
</section>
<!-- /banner section -->
<!-- about section -->
<section class="about-agileits" id="about">
    <div class="container">
        <div class="col-md-5 col-md-push-7 about-agile2">
            <div class="about-agileinfo">
                <h2>关于我们</h2>
                <p>
                    孝义市忆青春文化传媒有限公司为客户提供了一站式的服务，涵盖了婚礼策划、开业庆典、婚车炮车、鲜花摄影等一系列服务。这种服务模式让新人们无需再为琐事烦恼，省去了一个个对接供应商的时间和精力。他们可以更加专注于享受婚礼及各类庆典的喜悦，而所有的繁杂事宜都由忆青春来负责处理。</p>
            </div>
        </div>
        <div class="col-md-7 col-md-pull-5 about-agile1">
            <div class="cover-slider__wrap">
                <ul class="cover-slider">
                    <li class="cover-slider__slide">
                        <span class="hide">Alt Tag</span>
                    </li>
                    <li class="cover-slider__slide">
                        <span class="hide">Alt Tag</span>
                    </li>
                </ul>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
</section>
<!-- /about section -->
<!-- address -->
<section class="address-agileits">
    <div class="container">
        <div class="col-lg-4 col-md-4 addr-agileinfo1">
            <div class="addr-w3-agile">
                <div class="col-xs-4 addr-agileits1">
                    <div class="hi-icon-wrap hi-icon-effect-1 hi-icon-effect-1b">
                        <i class="hi-icon fa fa-mobile" aria-hidden="true"></i>
                    </div>
                </div>
                <div class="col-xs-8 addr-agileits2">
                    <div class="addr-w3l">
                        <h3>联系人</h3>
                        <p>刘女士</p>
                        <p>13753352544</p>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        <div class="col-lg-4 col-md-4 addr-agileinfo2">
            <div class="addr-w3-agile">
                <div class="col-xs-4 addr-agileits1">
                    <div class="hi-icon-wrap hi-icon-effect-1 hi-icon-effect-1b">
                        <i class="hi-icon fa fa-map-marker" aria-hidden="true"></i>
                    </div>
                </div>
                <div class="col-xs-8 addr-agileits2">
                    <div class="addr-w3l">
                        <h3>地址</h3>
                        <p>山西省 孝义市 新义街道办事处,</p>
                        <p>文化路贾庄小区东门13号</p>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>

        <div class="clearfix"></div>
    </div>
</section>
<!-- /address -->
<!-- /contact section -->
<!-- footer -->
<div class="footer">
    <p class="text-center">Copyright &copy; 2016.Company name All rights reserved.</p>
</div>
<!-- /footer -->
<!-- back to top -->
<a href="#0" class="cd-top">Top</a>
<!-- /back to top -->
<!-- js files -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/smoothscroll.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/grayscale.js"></script>
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/contact_me.js"></script>
<!-- js for back to top -->
<script src="js/top.js"></script>
<!-- /js for back to top -->
<!-- js for work section -->
<script src="js/jquery.viewbox.min.js"></script>
<script>
    $(function () {

        $('.thumbnail').viewbox();
        $('.thumbnail-2').viewbox();

        (function () {
            var vb = $('.popup-link').viewbox();
            $('.popup-open-button').click(function () {
                vb.trigger('viewbox.open');
            });
            $('.close-button').click(function () {
                vb.trigger('viewbox.close');
            });
        })();

        (function () {
            var vb = $('.popup-steps').viewbox({navButtons: false});

            $('.steps-button').click(function () {
                vb.trigger('viewbox.open', [0]);
            });
            $('.next-button').click(function () {
                vb.trigger('viewbox.open', [1]);
            });
            $('.prev-button').click(function () {
                vb.trigger('viewbox.open', [0]);
            });
            $('.ok-button').click(function () {
                vb.trigger('viewbox.close');
            });
        })();
    });
</script>
<!-- /js for work section -->
<!-- js for about section -->
<script src="js/index.js"></script>
<!-- /js for about section -->
<!-- js for portfolio section -->
<script src="js/jQuery.lightninBox.js"></script>
<script type="text/javascript">
    $(".lightninBox").lightninBox();
</script>
<!-- /js for portfolio section -->
<!-- js for banner -->
<script src="js/bgfader.js"></script>
<script>
    var myBgFader = $('.header').bgfader([
        'images/banner1.jpg'
    ], {
        'timeout': 3000,
        'speed': 3000,
        'opacity': 0.4
    })
    myBgFader.start()
</script>
<!-- /js for banner -->
<!-- /js files -->
</body>
</html>